import React, { PureComponent } from 'react';
import { IMAGE_DOMAIN } from '../../utils/common';


class NoLazyImg extends PureComponent{
  // constructor(props){
  //    super(props);
  //    this.state={
  //      defaultImgSrc:"",
  //      once:false
  //    }
  // }


    render(){
    const { src, ...otherProps } = this.props;
   // let { once, defaultImgSrc } = this.state;
   // console.log(defaultImgSrc);

      // return <img {...otherProps} ref={(IMG)=>{ this.imgNode=IMG }} src={ src.indexOf('http://wx') === 0 ? src : `${IMAGE_DOMAIN}${src}` } onError={ (e)=>{
      //    // console.log(1);
      //     //console.log(this.imgNode.src="");
      //     //
      //     //console.log(e.target.getAttribute("onerror"));
      //    // console.log(this.imgNode.error);
      //   //  this.imgNode.onerror=null;
      //     e.target.src=require("../../assets/img/error.jpg");
      //
      // } } />;


      return  (
          <div {...otherProps} ref={(IMG)=>{ this.imgNode=IMG }} onError={ (e)=>{
             // console.log(1);
              //console.log(this.imgNode.src="");
              //
              //console.log(e.target.getAttribute("onerror"));
             // console.log(this.imgNode.error);
            //  this.imgNode.onerror=null;
              e.target.src=require("../../assets/img/error.jpg");
          }} >
              <div style={{height: '100%', width: '100%', background: `url(${ src.indexOf('http://wx') === 0 ? src : (IMAGE_DOMAIN + src)}) no-repeat` }} />
          </div>
      )
  }
}

export default NoLazyImg

/*
 * 图片img，网络图片使用,没有懒加载
 * */
